<template>
 <div>
       <div class="zt">
      <div>
        <p>注：1.增加的新栏目为当前栏目下一行</p>
        <p class="zt1">2.修改完的栏目一行需保存后提交审批才能生效</p>
      </div>
    </div>
    <v-list @edit='edit'></v-list>
    <v-Dialog ref="dialog"  :info='info' @cancel='cancel'></v-Dialog>
 </div>
</template>

<script>
import vList from './list.vue'
import vDialog from './dialog.vue'
export default {
  
    components:{
      vList,
      vDialog
    },
 data() {
 return {
    info:{
        isshow:false,
        isadd:true,
    }
 };
 },
 methods: {
     add() {
      //让弹框出现
      this.info.isshow = true;
      //告诉弹框你是一个添加
      this.info.isadd = true
    },
      cancel(e) {
      //关闭弹框
      this.info.isshow = e;
    },
    edit(id){
      this.info.isshow = true
      this.info.isadd = false
      this.$refs.dialog.lookup(id)
    }
 },
};
</script>

<style scoped>
.zt {
  display: flex;
  justify-content: space-between;
  color: #999;
}
.zt1 {
  margin-left: 20px;
}

</style>
